<template>
	<div>
		<slot />
		<Menu theme="dark" width="200" :active-name="activeName" mode="vertical">
			<MenuItem :name="item.name" v-if="!item.hidden" :key="index" v-for="(item,index) in router"  :to="item.path">
			<Icon v-if="item.meta&&item.meta.icon" :type="item.meta.icon" />
			{{item.meta?item.meta.title:'暂无'}}
			</MenuItem>
		</Menu>
	</div>
</template>

<script>
	export default {
		computed: {
			router() {
				return this.$store.state.router
			},
			activeName() {
				return this.$store.state.activeName
			},
		},
	}
</script>

<style>
</style>
